<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="css/base.css" rel="stylesheet" />
    <link href="css/page_index.css" rel="stylesheet" />
    <link
      href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet"
    />
  </head>
  <body>
    <script type="module" src="./popup/loader.js"></script>
    <div class="content">
      <div style="width: 100%; display: flex; flex-direction: row">
        <span style="flex: 1; color: var(--textColorPrimary)"
          >author:XuNeverMore</span
        ><span class="tip">0</span>
        <i class="material-icons md-light md-24" id="settings">settings</i>
      </div>

      <!-- edit -->
      <div
        id="edt_container"
        style="
          width: 100%;
          display: none;
          flex-direction: row;
          margin-top: 20px;
        "
      >
        <input id="input_site_info" style="flex: 1" />
        <button id="btn_copy">
          <i class="material-icons md-light md-24">content_copy</i>
        </button>
        <button id="btn_save">
          <i class="material-icons md-light md-24">save</i>
        </button>
        <button id="btn_del">
          <i class="material-icons md-light md-24 md-light">delete_outline</i>
        </button>
      </div>

      <ul id="web_list"></ul>
    </div>
  </body>
</html>
